<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
	<meta charset="UTF-8">
	<title>下拉加载更多</title>
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<style>
		body,html{
			margin: 0;
			padding: 0;
			font-family: "微软雅黑";
		}
		.content{
			margin: 15px;
		}
		ul,li{
			display: inline-block;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.item,.order{
			height: 150px;
			margin-bottom: 15px;
			background: #eee;
			overflow: hidden;
			font-size: 12px !important;
			padding-left: 15px;
		}
		.it1{
			background-color: #6cc4ec;
		}
	</style>
</head>
<body>
	<div class="content">
		<div class="item it1"></div>
		<div class="item it2"></div>
		<div class="item it3"></div>
		<div class="item it4"></div>
		<div class="item it5"></div>
		<section class="order">
			<h1>北方工业大学第五食堂总部</h1>
			<div class="order_line"></div>
			<label>
				<h2><span>羊肉串...</span><em>1份</em><i>￥2.0</i></h2>
				<h3>2016-04-28 09:37:20<i class="not-paying">未支付</i></h3>
			</label>
			<div class="order_line"></div>
			<ul>
				<li><a>删除订单</a></li>
				<li><a>立即支付</a></li>
			</ul>
		</section>
		<div class="item it6"></div>
		<div class="item it7"></div>
		<div class="item it8"></div>
		<div class="item it9"></div>
		<div class="item it10"></div>
	</div>


<script src="jquery.min.js"></script>
<script src="main.js"></script>
</body>
</html>